.shareCode {
  padding: 0 pxToRem(24);
  .code {
    margin-top: 30%;
    text-align: center;
    img {
      width: pxToRem(396);
      height: pxToRem(396);
    }
    p {
      font-size: pxToRem(27);
      line-height: pxToRem(47);
    }
    .t1 {
      margin-top: pxToRem(10);
    }
    .t2 {
      color: #0091ea;
    }
  }
  button {
    position: absolute;
    bottom: pxToRem(50);
    left: 0;
    &.btn-share {
      height: 3.7rem;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      width: calc(100% - 48px);
      margin: 0 24px;
      border: 0;
      letter-spacing: .5rem;
      color: #fff;
    }
  }
}

.mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,.6);
  img {
    position: absolute;
    top: 0;
    right: 0;
  }
}
